<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>十大排行</title>
    <link rel="icon" href="./icon/bitbug_favicon.ico">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./lib/mui/css/mui.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/brand.css">
</head>

<body>
    <div class="box">
        <!-- 头部 -->
        <div class="com-header" id="top">
            <div class="logo fl"></div>
            <div class="download fr"></div>
        </div>
        <!-- 搜索框 -->
        <div class="com-search clearfix">
            <input type="search" class="search fl" placeholder="请输入你想比价的商品">
            <div class="btn-search fl">搜索</div>
        </div>
        <!-- nav -->
        <div class="list-nav">
            <div class="nav">
                <a href="./index.html">首页</a> >
                <a href="./brandTitle.html">全部分类</a> >
                <a href="javascript:location.reload();" class="sort">优惠券</a> >
            </div>
        </div>
        <!-- 排行 -->
        <div class="rank">
            <p>品牌<span class="pin">电视</span>哪个牌子好</p>
        </div>

        <!-- list 列表 -->
        <div class="list">
            <ul>
                <li>
                    <span class="p1"></span>
                    <a href="#">
                        <p>三星平板电视</p>
                        <p>30天全网销售：242408件</p>
                    </a>
                    <span class="mui-icon mui-icon-forward p2"></span>
                </li>
               
            </ul>

        </div>



        <!-- 底部 -->
        <div class="footer clearfix mt-50 bai">
            <div class="top-register clearfix">
                <span class="login">登录</span>
                <span class="register">注册</span>
                <a href="#top" class="return"><span></span> 返回顶部</a>
            </div>
            <div class="addr">
                <p><span class="app">手机APP下载</span> 慢慢买手机版 -- 掌上比价平台</p>
                <p>m.manmanbuy.com</p>
            </div>
        </div>

    </div>

    <script type="text/html" id="tmp">
        {{each result v i}}
            <li>
                {{ if i+1 == 1}}
                <span class="p1 red">{{ i+1}}</span>
                {{ else if i+1 == 2 }}
                <span class="p1 orange">{{ i+1}}</span>
                {{else if i+1 == 3}}
                <span class="p1 lime">{{ i+1}}</span>
                {{else }}
                <span class="p1">{{ i+1}}</span>
                {{/if}}
                <a href="brandproductlist.html?brandtitleid={{v.brandTitleId}}&categoryId={{v.categoryId}}" data-id="{{v.brandTitleId}}">
                    <p>{{v.brandName}}</p>
                    <p>{{v.brandInfo}}</p>
                </a>
                <span class="mui-icon mui-icon-forward p2"></span>
            </li>
        {{/each}}
    </script>

    <script src="./lib/zepto/zepto.min.js"></script>
    <script src="./lib/mui/js/mui.js"></script>
    <script src="./lib/artTemplate/template-web.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/brand.js"></script>
</body>

</html>